iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 7
0
自我挑戰組

重新開始的Vue.js 30day系列 第 8

從頭開始的Javascript 入門 -dom day8

  • 分享至 

  • xImage
  •  

前言

當瀏覽器帶入網頁內容、它會建立該頁的文件模型,此模型就稱為DOM樹:
DOM樹會儲存在瀏覽器記憶體中,並包含四種主要類型節點:

  • 文件節點
  • 標籤元件節點
  • 屬性節點
  • 文字節點

如何活用Dom樹

  1. 存取元件

選取一個標籤元件節點

以下是三種常見的元件

getElementById()

利用元件id屬性值

querySelector()

利用css選擇器 回傳第一個符合條件元件

  1. 存取多個元件
    getElementByClassName()

getElementByTagName()

querySelectorAll()


上一篇
從頭開始的Javascript 入門 -迴圈 day6
下一篇
從頭開始的Javascript 入門 -事件 day9
系列文
重新開始的Vue.js 30day21
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言